<script setup></script>

<template>
	<div class="home-nav-bar">
		<div class="nav-bar">
			<div class="title">冬三九旅途</div>
		</div>
	</div>
</template>

<style lang="scss" scoped>
	.home-nav-bar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		height: 46px;

		.nav-bar {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 46px;
			background-color: var(--main-color);
			// border-bottom: 1px solid #f2f2f2;
			color: var(--main-text-color);
			.title {
				font-size: 18px;
				font-weight: 700;
				// color: var(--main-color);
			}
		}
	}
</style>
